<!DOCTYPE <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CSS test</title>
    <style type="text/css">
    h2{color: aqua}
    p{color:rgb(3, 153, 23)}
    </style>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body style="background-color:blanchedalmond">

    <h1 style="background-color: aquamarine;">设置了背景色 background-color</h1>
    
    <h2>使用样式后的标题</h2>
    <h2 style="color: blue;">使用样式后添加内联属性的标题</h2>

    <p>使用样式后的段落。</p>

    <p>利用 style 属性设置没有下划线的超链接 <a href="https://gitee.com/squallml/ATUTrain/" style="text-decoration:none;">ATU 专业性培训计划</a></p>

    <h1 style="color: blueviolet;margin:20px;">内联样式表——紫色字体及外边距</h1>

    <p style="font-family:Times New roman;color:brown;font-size:20px;">设置了字体的样式、颜色、大小</p>
    <p style="font-family: verdana;color: aliceblue;font-size: 40px;">对比字体的样式、颜色、大小</p>

    <h2 style="text-align: center;">字体对齐示范——居中的标题</h2>

</body>
</html>